<!-- 个人中心 -->
{include file="head" /}
  <style>
  
/*个人中心*/
.Personal_center {
  width: 100%;
}

.Personal_center .head {
  width: 100%;
  background: url(../images/center_bg.png) no-repeat;
  height: 140px;
  background-size: 100%;
}

.Personal_center .head .p_img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  overflow: hidden;
  margin: 15px auto 5px auto;
}

.Personal_center .head .p_img img {
  width: 74px;
  height: 74px;
  overflow: hidden;
}

.Personal_center .head .p_text {
  color: #fff;
  margin: 0 auto;
  width: 80%;
  text-align: center;
}

.Personal_center .head .p_text h5 {
  font-size: 16px;
  color: #fff;
}

.Personal_center .account_balance {
  padding: 5px 0;
  margin-top: -30px;
}

.Personal_center .account_balance .tt {
  border-bottom: 1px solid #054060;
  position: relative;
  width: 94%;
  margin: 0 auto;
  height: 10px;
}

.Personal_center .account_balance .tt p {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.Personal_center .account_balance .digit {
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
}

.Personal_center .account_balance .digit span {
  font-size: 24px;
}


.Personal_center .button_group {
  width: 84%;
  margin: 10px auto;
  border-bottom: 1px solid #054060;
  padding: 0 6%;
  padding-bottom: 20px;
}

.Personal_center .button_group .up-btn {
  background: #eb8327;
  width: 30%;
  border-radius: 2px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  float: left;
  outline: none;
  margin-right: 5%;
  font-size: 16px;
}

.Personal_center .button_group .dep-btn {
  background: #129a5b;
  width: 30%;
  border-radius: 2px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  float: left;
  outline: none;
  margin-right: 5%;
  font-size: 16px;
}

.Personal_center .button_group .but_trade {
  margin: 0 auto;
  background: #3d52aa;
  width: 30%;
  border-radius: 2px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  float: left;
  outline: none;
  font-size: 16px;
}

.Personal_center .column {
  width: 94%;
  padding: 15px 0;
  margin: 0 auto;
}

.Personal_center .column li {
  height: 100px;
  float: left;
  width: 27%;
  margin: 0 3%;
  text-align: center;
  margin-bottom: 20px;
}

.Personal_center .column li .c_img {
  width: 60px;
  padding: 10px 0;
}

.Personal_center .column li p {
  font-size: 12px;
  color: #fff;
}
  </style>


  <body>

    <!--  公共头部 -->
    <header class="navbg">
      <div class="back">
        <a href="javascript:history.go(-1);">
          <img src="__HOME__/img/back.png">
        </a>
      </div>
      <span class="new_bar" id="sideMenu">
        <img src="__HOME__/img/bar.png">
      </span>	
      <h1 class="title">个人中心</h1>
    </header>
     <!-- 弹出框内容 -->
<div class="canvas-backdrop">
    <div id="sideMenuContainer">
            <div id="Shut_btn">
        <img src="__HOME__/img/Shut.png">
      </div>

            <div class="User_login">
                <form>
          
          <!-- 登录时显示该部分 -->
          <div class="a_login">
                        <div class="account">
              <img src="__HOME__/img/wallet.png">我的钱包
            </div>

                        <ul class="bute">
              <li>姓名：{$userinfo.nickname?$userinfo.nickname:$userinfo.username}{if $userinfo.otype == 101} (代理商 邀请码：{$userinfo.uid}) {/if}</li>
              <li>余额：<span>${$userinfo.usermoney}</span></li>
              <li>今日盈亏：{$all_ploss}</li>
            </ul>

            
                        <ul class="l_nav">
              
                      <li onclick="show_user_modal('modal-deposit')">充值</li>
              <li onclick="show_user_modal('modal-withdraw')">提现</li>
              
              
              <li><a href="{:url('/index/user/index/token/'.$token)}">个人中心</a></li>
              <li><a href="{:Url('/index/index/indexinfo/token/'.$token)}">交易</a></li>
                            <li onclick="app_exit()">退出</li>
                            <div style="clear: both;"></div>
            </ul>
          </div>
                    

          <!-- 未登录时显示该部分 -->
                  
        </form>
        

            </div>
            
            <div class="list_box">
                <div class="tit">
          <img src="__HOME__/img/icon_til.png">为什么是OPTIONCC
          <ul class="side_list">
            <li><a href="{:url('login/brand')}">&gt;10年老品牌</a></li>
            <li><a href="{:url('login/integrity')}">&gt;100%诚信兑付</a></li>
                    </ul>
                </div>
      </div>
      
      <div class="list_box">
                <div class="tit" style="padding-bottom:30px">
          <img src="__HOME__/img/icon_about.png">关于我们
          <ul class="side_list">
            <li><a href="{:url('login/contact')}">&gt;联系我们</a></li>
            <li><a href="{:url('login/clause')}">&gt;条款规则</a></li>
            <li><a href="{:url('login/payment')}">&gt;付款政策</a></li>
                    </ul>
                </div>
            </div>
                
        </div>  
  </div>

    <div class="Personal_center">
      <div class="head">
        <div class="p_img">
          <img src="{$userinfo.portrait?$userinfo.portrait:'__HOME__/img/logobg.jpg'}" />
        </div>
        <div class="p_text">
          <h5>{$userinfo.nickname?$userinfo.nickname:$userinfo.username}{if $userinfo.otype == 101} (代理商 邀请码：{$userinfo.uid}) {/if}</h5>
        </div>
      </div>

      <div class="account_balance">
        <div class="tt"><p>账户余额/今日盈亏</p></div>
        <div class="digit">
          <span>￥</span>{$userinfo.usermoney}{if $userinfo.otype == 101} (保证金：{$userinfo.minprice?$userinfo.minprice:'0'}) {/if}
          <span>/￥</span>{$all_ploss}
        </div>
      </div>

      <div class="button_group">
        <div class="up-btn" onclick="show_user_modal('modal-deposit')">充值</div>
        <div class="dep-btn" onclick="show_user_modal('modal-withdraw')">提现</div>
        <div class="but_trade" onclick="refresh()">刷新</div>
        <div style="clear: both;"></div>
      </div>

      <div class="column">
        <ul>
          <li>
            <a href="{:url('cashlist')}">
              <img class="c_img" src="__HOME__/img/center_01.png" alt="" />
              <p>提现记录</p>
            </a>
          </li>
          <li>
            <a href="{:url('reglist')}">
              <img class="c_img" src="__HOME__/img/center_02.png" alt="" />
              <p>充值记录</p>
            </a>
          </li>
          <li id="li_withdrawal">
            <a href="{:url('order/hold')}">
              <img class="c_img" src="__HOME__/img/center_03.png" alt="" />
              <p>历史订单</p>
            </a>
          </li>
          <!-- TODOLIST2:  这个点击没有反应 -->
          <li onclick="show_user_modal('modal-olist')">
            <img class="c_img" src="__HOME__/img/center_04.png" alt="" />
            <p>资金流水</p>
          </li>
          <li>
            <a href="{:url('user/ercode')}">
              <img class="c_img" src="__HOME__/img/center_05.png" alt="" />
              <p>推广二维码</p>
            </a>
          </li>
          <li>
            <a href="{:url('index/forgetpwd')}">
              <img class="c_img" src="__HOME__/img/center_06.png" alt="" />
              <p>修改信息</p>
            </a>
          </li>
          <div style="clear: both;"></div>
        </ul>
      </div>
    </div>

    <div class="modal-backdrop hide modal-deposit">
      <div class="modal-backdrop-bg"></div>
      <div class="modal-wrapper" ng-transclude="">
        <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active model-bank-tab">
          <header class="navbg">
          <div class="back" onclick="hide_user_modal('modal-deposit')">
            <a>
              <img src="__HOME__/img/back.png">
            </a>
          </div>
          <!-- <span class="new_bar" id="sideMenu">
            <img src="__HOME__/img/bar.png">
          </span> -->
          <h1 class="title">用户入金</h1>
          </header>
          <div class="pay_code_area" style="display: none">
            <div>
              <div class="pay_code_img">

              </div>

              <p>扫描二维码支付</p>
              <p><a href="">充值成功点击刷新</a></p>
              <p><a href="javascript:;" onclick="pay_code_area(0)">关闭</a></p>

            </div>
          </div>
          <ion-content id="in_money_content" class="scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
            <header>
              <ul>

                {volist name="payment" id="vo"}
                <li class="pay_channel" >

                  <label class="pay_weixin item item-radio item item-radio" name="pay_type" onclick="check_payid('{$vo.pay_conf_arr.name}')"  value="{$vo.pay_conf_arr.name}">
                    <input type="radio" name="pay_type" class="ng-pristine ng-untouched ng-valid ng-not-empty" value="{$vo.pay_conf_arr.name}">
                    <div class="radio-content">
                      <div class="item-content disable-pointer-events" >
                        <div class="pay_bank_list_header">
                          <div class="kuang"></div>

                          {if $vo.pay_conf_arr.name == 'alipay' || $vo.pay_conf_arr.name == 'qtb_alipay' || $vo.pay_conf_arr.name == 'AlipayCS' || $vo.pay_conf_arr.name == 'AlipayPAZH'}
                          <i class="pay_alipay_bg"></i>
                          <article>
                            <p class="pay_alipay">
                                <span class="iconfont icon-zhifubao">
                                {elseif $vo.pay_conf_arr.name == 'wxpay' ||  $vo.pay_conf_arr.name == 'qbt_pay_wxpay' ||  $vo.pay_conf_arr.name == 'WeixinBERL' ||  $vo.pay_conf_arr.name == 'Weixin'}
                                <i class="pay_green_bg"></i>
                                <article>
                            <p class="pay_green">
                                <span class="iconfont icon-weixin">
                                {else/}
                                <i class="pay_yinlian_bg"></i>
                                <article>
                            <p class="pay_yinlian">
                                <span class="iconfont icon--19">
                                {/if}


                                    </span><span class="ng-binding">{$vo.pay_name}</span></p>
                            <p  class="ng-hide"><span class="iconfont "></span><span class="ng-binding"></span></p>
                          </article>
                        </div>
                      </div>
                      <i class="radio-icon disable-pointer-events icon ion-checkmark"></i>
                    </div>
                  </label>

                  <div  class="pay_bank_list_content ng-hide">
                    <ion-scroll style="height: 100%;" scrollbar-y="true" scrollbar-x="false" class="scroll-view ionic-scroll scroll-y">
                      <div class="scroll">
                        <ul>
                        </ul>
                      </div>
                      <div class="scroll-bar scroll-bar-v">
                        <div class="scroll-bar-indicator scroll-bar-fade-out"></div>
                      </div>
                    </ion-scroll>
                  </div>

                </li>
                {/volist}

              </ul>
            </header>
            <div class="out_money_content">
              <article>
	        	<span>
	        		<i class="iconfont icon--5"></i>
	        		充值金额：
	        	</span>
                <input type="number" placeholder="请输入金额" required="" value="100" class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required bpprice">
              </article>
              <section class="ng-binding"><!-- 单次充值至少￥99起，最多￥20000 --></section>
              <footer>
                余额：<span class="ng-binding">{$userinfo.usermoney}</span>

                <!-- 手续费：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">0%</span>
                <span ng-show="money_fee.inmoney_fee_type == 1" class="ng-binding ng-hide">￥0</span>
                实际到账：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">100.00</span> -->

              </footer>
              <button class="newbutton outmoneybtn reg_btn"  onclick="submit_deposit()">确认充值</button>
            </div>
          </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
        </ion-modal-view></div></div>
    <div class="modal-backdrop hide modal-withdraw">
      <div class="modal-backdrop-bg"></div>
      <div class="modal-wrapper" ng-transclude="">
        <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
            <header class="navbg">
                <div class="back" onclick="hide_user_modal('modal-withdraw')">
                  <a>
                    <img src="__HOME__/img/back.png">
                  </a>
                </div>
                <!-- <span class="new_bar" id="sideMenu">
                  <img src="__HOME__/img/bar.png">
                </span> -->
                <h1 class="title">用户出金</h1>
                </header>
          <ion-content class="out_money_content scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">

            {if !isset($mybank)}
            <header class="ifnone_add_bank"  onclick="go_add_bank()">
              <p>+</p>
              <p>添加银行卡</p>
            </header>
            <div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
              {else}
              <div  class="cash">
                <header class="coldbg hotbg"  style="">
                  <p class="ng-binding">{$mybank.bank_nm}</p>
                  <p class="ng-binding">**** **** **** {$sub_bankno}</p>
                  <i class="iconfont red">{:substr($mybank.bank_nm,0,3)}</i>
                </header>

                <article>
	        	<span>
	        		<i class="iconfont icon--4"></i>
	        		提现金额：
	        	</span>
                  <input type="number" placeholder="请输入出金金额" ng-model="outAmount.outamount"  class="cash-price ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required">
                </article>
                <section  class="ng-binding">单次提现金额至少￥<span class="cash_min" attrmax="{$conf.cash_max}">{$conf.cash_min}</span></section>
                <footer>
                  余额：<span class="ng-binding">{$userinfo.usermoney}</span>
                  手续费：<span  class="ng-binding reg_par" attrdata="{$conf.reg_par}">{$conf.reg_par}%</span>
                  实际到账：<span  class="ng-binding true_price" style="display:none"></span>
                </footer>
                <button class="newbutton outmoneybtn"  onclick="out_withdraw()">确认出金</button>
              </div>
              {/if}
            </div>

          </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
        </ion-modal-view></div></div>

        <div class="modal-backdrop hide modal-olist"><div class="modal-backdrop-bg"></div><div class="modal-wrapper" ng-transclude=""><ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
            <ion-header-bar class="order-modal-header bar bar-header" style="background: #054060;">
                <h1 class="title" style="left: 54px; right: 54px;">资金流水</h1>
                <div class="close" onclick="hide_user_modal('modal-olist')">
                    <i class="icon ion-ios-arrow-left"></i>
                </div>
            </ion-header-bar>
            <ion-content class="person_money_list scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
            <ion-scroll style="height:100%" class="scroll-view ionic-scroll scroll-y"><div class="scroll" style="transform: translate3d(0px, -10px, 0px) scale(1);">
        
              <ul class="price_list">
                        {volist name="order_list" id="vo"}
                        <li ng-repeat="c in moneyList" class="" isshow="0">
                          <div class="money_list_header" >
                            <section class="other_money_bg">
        
                            </section><section>
                              <p  class="ng-binding other_money">{$vo.title}</p>
                              <p>
                                <i class="iconfont icon--1 " ></i>
                                <i class="iconfont icon-30 ng-hide" ></i>
                                <span class="ng-binding">{$vo.nowmoney}</span></p>
                              <p>
                                <i class="iconfont icon--2 pay_blue"></i>
                                <span class="ng-binding">{:date('Y-m-d H:i:s',$vo['time'])}</span>
                                <!-- <span class="ng-binding">14:13:04</span> -->
                              </p>
                            </section><section  class="ng-binding other_money">
                              {$vo.account}
                            </section><section class="icon clickshow ion-ios-arrow-up">
                            </section>
                          </div>
                          <article class="today_list_footer" style="display: none;">
                            <p class="ng-binding">详情：{$vo.content}</p>
                          </article>
                        </li>
                {/volist}
              </ul>
              <!-- ngIf: has_more_money_order.if_has_more_money_order -->
            </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="height: 631px; transform: translate3d(0px, 10px, 0px) scaleY(1);"></div></div></ion-scroll>
            </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
            <div class="button-bar">
                <a class="button button-dark" onclick="hide_user_modal('modal-olist')">关闭</a>
            </div>
        </ion-modal-view></div></div>    
    <!-- 版权 -->
    <div class="copyright">
      <p>
        在线咨询：09:00——20:00 电话咨询：（香港）+852-64322383&nbsp;
        （英国）0-800-088-5535 <br /><br />Copyright © 2008-2019 OPTIONCC
        中文官网
      </p>
    </div>
  </body>
<script src="__HOME__/js/lk/user.js"></script>
<script src="__HOME__/js/lk/jquery.qrcode.js"></script>
<script src="__HOME__/js/lk/utf.js"></script>
<script>
    $('#province').change(function(){
        var pid = $(this).val();
        if(pid != ''){
            var url = "{:url('getarea')}"+"?id="+pid;
            $.get(url,function(data){
                $("#city").html(data);
            });
        }else{
            $("#city").html('<option value="">请选择城市</option>');
        }


    });
    function respass(){
        location.href="{:url('login/respass')}"
    }

    function refresh(){
      location.reload();
    }

</script>

<script type="text/javascript">
  $(function () {  
    // 点击汉堡包          
    $("#sideMenu").click(function(e){
      if($("#sideMenuContainer").hasClass("allhide")){
        $("#sideMenuContainer").animate({right:-295},"slow");
        $("#sideMenuContainer").removeClass("allhide");
        return;
      }

      e.stopPropagation();
      $("#sideMenuContainer").animate({right:0},"slow");
      $("#sideMenuContainer").addClass("allhide");
    })	

    //点击关闭 X
    $("#Shut_btn").click(function(e){
      if($("#sideMenuContainer").hasClass("allhide")){
        $("#sideMenuContainer").animate({right:-295},"slow");
        $("#sideMenuContainer").removeClass("allhide");
        return;
      }
    })

    //点击空白的地方
    $(document).click(function(){
      if($("#sideMenuContainer").hasClass("allhide")){
        $("#sideMenuContainer").animate({right:-295},"slow");
        $("#sideMenuContainer").removeClass("allhide");
        $(".canvas-backdrop").fadeOut();
      }
    });

    $("#sideMenu").click(function(){
      $(".canvas-backdrop").fadeIn();
    });

    $("#Shut_btn").click(function(){
      $(".canvas-backdrop").fadeOut();
    });
  })
</script>